<template>  
	<view style="position: relative; height: 100vh;">  
		<view style="display: flex; padding: 20rpx;">  
			<image src="../../static/img/start.png" style="height: 200rpx; width: 70%;" mode="aspectFit"></image>  
		</view>  
		
		<view style="display: flex; justify-content: center; flex-wrap: wrap; z-index: 1;padding-top: 100rpx;">  
			<view style="width: 90%;">  
				<view class="u-demo-block__content" style="margin-top: -80rpx;">  
					<!-- 输入框: 真实姓名 -->  
					<u-input   
						v-model="realName"   
						placeholder="请输入证书编号"   
						border="bottom">  
						<u-text text="证书编号" slot="prefix" margin="0 3px 0 0" type="tips"></u-text>  
					</u-input>  

					<!-- 输入框: 身份证号 -->  
					<view style="padding-top: 40rpx;">  
						<u-input   
							v-model="idCard"   
							placeholder="请输入确权人"   
							border="bottom">  
							<u-text text="确权人" slot="prefix" margin="0 3px 0 0" type="tips"></u-text>  
						</u-input>  
					</view> 
					<view style="padding-top: 40rpx;">
						<u-input   
							v-model="idCard"   
							placeholder="请输入地址"   
							border="bottom">  
							<u-text text="地址" slot="prefix" margin="0 3px 0 0" type="tips"></u-text>  
						</u-input>  
					</view> 
					<view style="padding-top: 40rpx;">
						<u-input   
							v-model="idCard"   
							placeholder="请输入确权地址"   
							border="bottom">  
							<u-text text="确权地址" slot="prefix" margin="0 3px 0 0" type="tips"></u-text>  
						</u-input>  
					</view>
					<view style="padding-top: 40rpx;">
						<u-input   
							v-model="idCard"   
							placeholder="请输入身份证号码"   
							border="bottom">  
							<u-text text="确权地址" slot="prefix" margin="0 3px 0 0" type="tips"></u-text>  
						</u-input>  
					</view> 
					<view class="red_fonts_waring">  
						<text>*请确认身份信息如有误，请重新上传或手动修正</text>  
					</view>  

					<view style="position: relative; z-index: 2;">  
						<u-button color="#4BA367" text="下一步" ></u-button>  
					</view>  
				</view>  
			</view>  
		</view>  

		<!-- 背景图，z-index 设置为较低的值使其位于底层 -->  
		<image src="../../static/img/background.png"  
			style="position: absolute; bottom: 0; height: 500rpx; width: 100%; z-index: 0;"></image>  
	</view>  
</template>  

<script>  
	export default {  
		data() {  
			return {  
				realName: '', // 存储真实姓名  
				idCard: '', // 存储身份证号  
			};  
		},  
		methods: {  
			
		
			
			nextStep() {  
				// 处理下一步的逻辑，例如跳转到另一个页面或进行其他操作  
				console.log('跳转到下一步');  
				uni.navigateTo({  
					url: "/pages/ChangeRole/ChangeRole"  
				});  
			}  
		},  
	};  
</script>  

<style scoped lang="scss">  
	.font_class {  
		font-size: 30rpx;  
	}  

	.red_fonts_waring {  
		position: relative;  
		z-index: 2;  
		color: #ff4d4d;  
		text-align: center;  
		font-feature-settings: 'case' on;  
		font-family: var(--Font-Family, "PingFang SC");  
		padding-top: 20rpx;  
		font-size: 26rpx;  
		font-style: normal;  
		font-weight: 500;  
		line-height: 7.5rem; /* 125% */  
		letter-spacing: var(--Letter-Spacing-Subheadline, -0.12rem);  
	}  
</style>